<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<link href="/css/demo2.css" type="text/css" rel="stylesheet" />
		<link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
    	<link type="text/css" rel="stylesheet" href="/css/bootstrap-theme.min.css" />
    	<script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
		<script src="/static/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="/js/bootstrap.min.js"></script>
	</head>
	<body >
		<!--表单内容-->
		<div id="content" style="position: relative;">
			<!--背景图-->
			<!-- <div class="layui-carousel" id="test3" lay-filter="test4" >
				<div carousel-item>
				  <div style="position: fixed; z-index: 1; height: 100%; width: 100%"><img src="/img/img2.jpg" style="height: 100%; width: 100%"></div>
				  <div style="position: fixed; z-index: 1; height: 100%; width: 100%"><img src="/img/img2.jpg" style="height: 100%; width: 100%"></div>
				  <div style="position: fixed; z-index: 1; height: 100%; width: 100%"><img src="/img/img2.jpg" style="height: 100%; width: 100%"></div>
				  <div style="position: fixed; z-index: 1; height: 100%; width: 100%"><img src="/img/img2.jpg" style="height: 100%; width: 100%"></div>
				  <div style="position: fixed; z-index: 1; height: 100%; width: 100%"><img src="/img/img2.jpg" style="height: 100%; width: 100%"></div>
				</div>
			</div>  -->
			<form class="mainform" action="add" method="post" style="position:fixed; z-index: 1000">
					<!--右上角二维码图片-->
					<div class="QRcode"><img src="/img/erweima.png"/></div>
					<!--登录标题字-->
					<div class="login">
						<div id="numberlogin" class="fli"><a href="login.html">账号注册</a></div>
						<!--分隔线-->
						<div class="linebetween"><img src="/img/fengexian.png" />  </div>
					</div>

							<!--账号框-->
							<div class="xinxi" style="margin-top: 37%;">
								<input class="phone" id="phone" name="name" style="font-size: 14px; margin-top: -100px" maxlength="11" placeholder="&nbsp;&nbsp;账号" autocomplete="off" />
							</div>
							<!--密码框-->
							<div class="yanzhengma" style="margin-top: 53%;">
								   <input type="password" id="yanzhengma" name="password" style="width: 278px;height: 50px;font-size: 14px; margin-top: -60px"  class="huoqu" maxlength="10" autocomplete="off" placeholder="&nbsp;&nbsp;密码" />
                            </div>
                            <div class="yanzhengma" style="margin-top: 70%;">
                                    <input type="password" id="yanzhengma" name="repassword" style="width: 278px;height: 50px;font-size: 14px; margin-top: -60px"  class="huoqu" maxlength="10" autocomplete="off" placeholder="&nbsp;&nbsp;确认密码" />
                             </div>
							<!-- 滚动条验证--><!--图片整合技术-->
							<div class="scrollbar" style="margin-top: 86.5%;">
								<input name="code" placeholder="验证码" style="height: 40px; width: 80px; margin-left: 40px"><img src="{:captcha_src()}" alt="captcha" onclick="this.src=this.src+'?'"style="cursor: pointer; width: 100px;height: 40px; display: inline;float: right;position: relative;"/>
							</div>
							<!--hover出现图片框-->
							<div class="matchingbox">
								<div class="matching"></div>
							</div>
							<!--登录按钮-->
                            <input value="注 册" class="btn1" type="submit" style="cursor: pointer; margin-top: 400px">
                            <div class="last" style="margin-top:460px">
                                <a href="login.html">登录</a>
                                <a id="forget" href="info.html">返回首页</a>
                            </div>
				</form>
		</div>		
	<style>
		#content{
			margin: 0px auto;
			height: 100vh;
			background: url('/img/info/loginbg.jpg') no-repeat;
			background-size: 100vw 100vh;
		}
		#footer{
			margin-bottom: 600px;
			
		}
		form.mainform{
			margin-top: 13%;
		}
	</style>
	</body>
		<script>
			layui.use(['carousel', 'form'], function(){
  				var carousel = layui.carousel ,form = layui.form;
  				//常规轮播
				var ins3 = carousel.render({
   				 	elem: '#test3',
					arrow:'none',
					indicator:'none',
					interval:5000,
                    // anim:'fade'
  				});
});
		</script>
</html>

